<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta content="IE=edge" http-equiv="X-UA-Compatible">
    <meta content="width=device-width, initial-scale=1.0" name="viewport">
    <title>404</title>
    <link data-filtered="filtered" href="https://cdn.jsdelivr.net/npm/semantic-ui@2.4.2/dist/semantic.min.css"
          rel="stylesheet">
    <script src="https://cdn.jsdelivr.net/npm/jquery@3.2.1/dist/jquery.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/semantic-ui@2.4.2/dist/semantic.min.js"></script>
    <link href="../static/css/index.css" rel="stylesheet">
    <script src="../static/js/index.js"></script>
</head>
<body>
<!-- 导航栏 -->
<nav class="ui inverted attached segment grid check-all">
    <div class="ui three wide column header-text">
        <h2 class="ui header teal">倾心Yatoli</h2>
    </div>
    <div class="ui thirteen wide column">
        <div class="ui secondary pointing inverted menu">

            <a class="item" href="./index.html"><i class="home icon"></i> 网站首页</a>
            <a class="item" href="./article.html"><i class="file alternate icon"></i> 文章专栏</a>
            <a class="item" href="./archive.html"><i class="calendar alternate outline icon"></i> 归档处理</a>
            <a class="active item" href="./404.html"><i class="pencil alternate icon"></i> 等待开发</a>
            <a class="item" href="./about.html"><i class="paper plane outline icon"></i> 关于本站</a>
            <div class="right menu">
                <div class="item">
                    <div class="ui inverted transparent icon input">
                        <input placeholder="等待开发..." type="text">
                        <i class="search link icon"></i>
                    </div>
                </div>
            </div>
        </div>
    </div>
</nav>

<!-- 内容页 -->
<div class="ui grid">

    <!-- 左侧留白 -->
    <div class="three wide column check-all">

    </div>

    <!-- 404 -->
    <div class="ten wide column ui container center aligned segment check-all">
        <div class="ui sizer vertical">
            <div class="ui huge header">404,您所访问的页面暂未开发</div>
            <div class="ui huge header">请等待作者开发</div>
            <br>
            <br>
            <br>
            <br>
            <br>
            <br>
            <br>
            <br>
            <br>
            <br>
            <br>
            <br>
            <br>
            <br>
            <br>
            <br>
            <br>
            <br>
            <br>
            <br>
            <br>
            <br>
            <br>
        </div>
    </div>


    <!-- 右侧留白 -->
    <div class="three wide column check-all">

    </div>
</div>


<!-- 页脚栏 -->
<footer class="ui inverted attached divided vertical segment footer-padding check-all">
    <div class="ui inverted divided grid">
        <div class="ui center aligned three wide column">
            <h4 class="ui inverted header ">项目参考</h4>
            <div class="ui inverted link list">
                <a class="ui item" href="">SpringBoot</a>
                <a class="ui item" href="">Semantic</a>
                <a class="ui item" href="">Layui</a>
                <a class="ui item" href="">ApeNixX</a>
            </div>
        </div>
        <div class="ui center aligned three wide column">
            <h4 class="ui inverted header ">最新博客</h4>
            <div class="ui inverted link list">
                <a class="ui item" href="">等待开发</a>
            </div>
        </div>
        <div class="ui center aligned three wide column">
            <h4 class="ui inverted header ">联系我们</h4>
            <div class="ui inverted link list">
                <p class="ui item" href="">Email：921108257@qq.com</p>
                <p class="ui item" href="">WeChat：Adore921108257</p>
                <p class="ui item" href="">QQ：921108257</p>
            </div>
        </div>
        <div class="ui center aligned seven wide column">
            <h4 class="ui inverted header ">精美语句</h4>
            <p>
                理想不是现成的粮食，而是一粒种子，需要你去播种，培育；理想不是壮美的画卷，而是一张白纸，需要你去描绘，渲染；理想不是葱茏的绿洲，而是一片荒漠，需要你去开垦，改造。
            </p>
        </div>

    </div>
    <div class="ui inverted section divider"></div>
    <p class="header-text">Copyright© 2022 - 2023 AdoreYatoliDesign By HJL</p>
</footer>
</body>
</html>